<template>
  <div class="detail">
    <Banner></Banner>
    <Header></Header>
    <div class="content">
      <List :list="list"></List>
    </div>
  </div>
</template>

<script>
import Banner from './components/Banner.vue'
import Header from './components/Header.vue'
import List from './components/List.vue'
export default {
  name: 'Detail',
  data () {
    return {
      list: [
        {
          title: '成人票',
          children: [
            {
              title: '成人三馆联票',
              children: [
                {
                  title: '成人三馆联票 - 某一连锁店销售'
                }
              ]
            }, {
              title: '成人五馆联票'
            }
          ]
        }, {
          title: '学生票'
        }, {
          title: '儿童票'
        }, {
          title: '特惠票'
        }
      ]
    }
  },
  activated () {

  },
  components: {
    Banner,
    Header,
    List
  }
}
</script>

<style lang="stylus" scoped>
  .content
    height: 50rem
</style>
